<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客编辑页</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="blog_edit.css">
<!--    //引入依赖-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <link rel="stylesheet" href="editor.md/css/editormd.min.css">
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="editor.md/editormd.js"></script>

</head>
<body>

    <div class="nav">
        <img src="img/whsxy.jpg" alt="">
        <div class="title">我的博客系统</div>
        <!--只是一个空白，用来把后面的链接挤过去-->
        <div class="space"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="">注销</a>
    </div>
<!--博客编辑页的版心-->
    <div class="blog-edit-container">
    <form action="">
<!--        标题编辑区-->
        <div class="title">
            <input type="text" id="title-input">
            <input type="submit" id="submit">
        </div>
    <!--    博客编辑器-->
    <!--    把 md 编辑器放倒这个div里面-->
        <div id="editor">

        </div>
    </form>
    </div>
    <script>

// <!-- editormd里面的一个函数，构造编辑器对象 -->
        var editor=editormd("editor",{
            // 这里的尺寸必须在这里设置，设置样式会被editor自动覆盖
            width:"100%",
            //设定编辑器高度
            height:"calc(100% - 20px)",
            //编辑器中的出事内容
            markdown:"# 在这里写下一篇博客",
            //指定editor.md 依赖的插件路径
            path:"editor.md/lib/"
        });
    </script>


</body>
</html>